<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/001-autobutton.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/007-icons.css" media="all">
    <style type="text/css">
        button:active {
            background-position: center bottom;
        }
    </style>
</head>
<body>
<div class="wrap2 m10a tsG">
    <div class="p10">
        <h1 class="title mb5">Simple Button</h1>
        <button class="button_">
            <span class="abtn v1"><em class="in">Just a Button</em></span>
        </button>
        <p class="blank10"></p>

        <h2 class="title">Simple Icon</h2>
        <span class="icon_"><i class="icon-u03"></i><em class="text">button With icon</em></span></em>
        <p class="blank10"></p>

        <h2 class="title">
            AutoButton + vIcons
        </h2>
        <span class="description">
            Put the vIcon into the auto button <br>
            Just a new Button with icon born!
        </span>
        <button class="button_">
            <span class="abtn v1"><em class="in"><span class="icon_"><i class="icon-u03"></i><em class="text">button
                With icon</em></span></em></span>
        </button>
        <p class="blank10"></p>

        <h2 class="title">
            AutoButton + vIcons ? <br>
            Be Simple !
        </h2>
        <span class="description">
            Must be less code for the demo.
        </span>
        <button class="button_">
            <span class="abtn v1"><em class="in icon_"><i class="icon-u02"></i><em class="text">button With
                icon</em></em></span>
        </button>
    </div>
</div>
</body>
</html>